<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>APISHotel|登陆</title>
    <link href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" media="screen" href="stylesheet/base.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="stylesheet/regcommon.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="stylesheet/page-login.css" />
</head>

<body>
    <nav>
        <div class="navTop">
            <a href="index.html" class="inb">
                <i class="logo inb"></i>
                <span>|</span>
                <h1 class="inb ">酒店项目</h1>
            </a>
        </div>
    </nav>
    <main>
        <div class="mainContainer">
            <div class="log-main-title">
                <div class="titleNav normalLogNav inb active">
                    <a>账号登陆</a>
                    <div class="pointer none">
                    </div>
                </div>
                <div class="titleNav quickLogNav fr inb">
                    <a>短信快捷登陆</a>
                    <div class="pointer none">

                    </div>
                </div>

            </div>
            <div>
                <div class="main-content normalLog">
                    <div class="logInput">
                        <div class="inputCont userCont inb">
                            <input type="text" id="nameOrPhone" class="nameOrPhone inb" value="" placeholder="用户名/手机号" autocomplete="">
                        </div>
                    </div>
                    <div class="logInput">
                        <div class="inputCont pwdCont inb">
                            <input type="password" id="passwordLog" class="passwordLog inb" value="" placeholder="请输入密码">
                        </div>
                    </div>
                    <div class="forgotPwd">
                        <a class="fr f14 fnt db" href="resetPwd.html">忘记密码</a>
                    </div>
                    <div class="loginInput">
                        <button type="button" class="submit" id="normalLoginSubmit">登陆</button>
                    </div>
                </div>
                <div class="main-content quickLog none">
                    <div class="logInput">
                        <div class="inputCont cellphoneCont">
                            <input type="txext" id="CellPhoneNum" class="cellPhoneNum" value="" placeholder="手机号码" autocomplete="">
                        </div>
                    </div>
                    <div class="logInput clearfix">
                        <div class="inputCont">
                            <input type="text" id="imgCaptcha" class="imgCaptcha" placeholder="输入右侧图文验证码">
                            <button id="captcha" class="captcha fr">获取图文验证码</button>
                        </div>
                    </div>
                    <div class="logInput">
                        <div class="inputCont">
                            <input type="text" id="verfLogCode" class="verfCode fl" value="" placeholder="请输入短信验证码">
                            <button type="button" id="getLogVerfCode" class="getVerfCode fr" value="">获取验证码</button>
                        </div>
                    </div>
                    <div class="loginInput mt40">
                        <button type="button" class="submit" id="quickLoginSubmit">登陆</button>
                    </div>
                </div>
            </div>
            <div class="clearfix">
                <div class="logInput">
                    <span class="fl">还没有APIS账号？</span>
                    <button type="button" class="toreg fr" id="toreg">注册</button>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="copyright">
            <span>Copyright © 2017 apis.sh All Rights Reserved | 陕ICP备15013925号-3</span>
        </div>
    </footer>
    <div class="modal fade none" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">提示</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>提示内容</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal 模态框-->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.js"></script>
    <script src="js/base.js"></script>
    <script src="js/common.js"></script>
    <script src="js/page-login.js"></script>
</body>

</html>